<template>
<div class="content-box">
  <div class="container">
    <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="type"
      label="类型"
      width="80">
    </el-table-column>
    <el-table-column
      prop="index"
      label="股票代码"
      width="120">
    </el-table-column>
    <el-table-column
      prop="name"
      label="股票名称"
      width="200">
    </el-table-column>
    <el-table-column
      prop="buy_price"
      label="买入价格"
      width="150">
    </el-table-column>
    <el-table-column
      prop="buy_time"
      label="买入时间"
      width="150">
    </el-table-column>
    <el-table-column
      prop="sell_price"
      label="卖出价格"
      width="150">
    </el-table-column>
    <el-table-column
      prop="sell_time"
      label="卖出时间"
      width="150">
    </el-table-column>
    <el-table-column
      prop="count"
      label="交易数量"
      width="150">
    </el-table-column>
  </el-table>
  </div>
</div>
</template>

<script>
  export default {
    methods: {
    },

    data() {
      return {
        tableData: [{
          type:'买入',
          index: '600000',
          name: '浦发银行',
          buy_price: 10,
          buy_time: '2022-5-30',
          sell_price: '',
          sell_time: '',
          count: 100,
          price: 12
        }, {
          type:'卖出',
          index: '600000',
          name: '浦发银行',
          buy_price: 10,
          buy_time: '2022-5-30',
          sell_price: '10',
          sell_time: '2022-6-10',
          count: 100,
          price: 12
        }, {
          type:'买入',
          index: '600000',
          name: '浦发银行',
          buy_price: 10,
          buy_time: '2022-5-30',
          sell_price: '',
          sell_time: '',
          count: 100,
          price: 12
        }]
      }
    }
  }
</script>